<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #meunStyle.text-white .self-logo>a>img:last-child{display: none;}
        #meunStyle.text-dominant .self-logo>a>img:first-child{display: none;}
    </style>
</head>
<body>
    <div class="w-screen fixed z-50 justify-center flex">
        <div class="container w-full">
          <div class="w-full flex py-[16] self-center text-white" id="meunStyle">
              <div class="w-[144] flex-none self-center self-logo">
                <a href="/"><img class="h-[72px] mobile:h-12" src="/src/assets/logo.png"><img class="h-[72px] mobile:h-12" src="/src/assets/logo_2.png"></a>
              </div>
              <div class="w-full flex-auto flex self-center mobile:menuShow mobile:hidden" id="menuShow">
                  <div class="flex-auto flex" onclick="menuShow.classList.toggle('mobile:hidden')"></div>
                  <div class="flex-none mobile:menu-content mobile:py-12 mobile:text-center mobile:leading-10">
                    <div class="hidden w-full self-center mobile:block"><a href="/"><img class="mx-auto" src="/src/assets/logo_2.png" alt=""></a></div>
                    <ul class="w-auto block md:flex">
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                        <li class="px-6"><a :href="">首页</a></li>
                    </ul>
                  </div>
              </div>
              <div class="w-64 mobile:w-50 flex-none self-center mobile:flex-auto">
                  <div class="w-fit rounded-3xl p-2 bg-white mobile:bg-transparent text-black mobile:text-inherit float-right border-2 mobile:text-sm relative whitespace-normal hover:active mobile:border-0">
                      <div class="w-full block mobile:text-2xl"><span class="px-2 font-bold border-r border-1 mobile:border-0">CN</span> <span class="w-16 px-2 text-gray3 inline-block mobile:hidden">
                        中文</span> <span class="w-6 fa fa-angle-down fa-lg inline mobile:!hidden"></span></div>
                      <div class="w-4/5 py-6 absolute right-0 top-120 leading-10 down mobile:w-[90px] hidden">
                        <div class="w-full rounded-2xl bg-white border-2 text-black p-1 float-right">
                            <a class="block rounded-xl text-gray3 hover:text-hovercolor hover:bg-undergray" href=""><span class="w-16 px-2 inline-block">
                            中文</span></a>
                            <a class="block rounded-xl text-gray3 hover:text-hovercolor hover:bg-undergray" href=""><span class="w-16 px-2 inline-block">
                              英文</span></a>
                        </div>
                      </div>
                  </div>
              </div>
              <div class="w-12 flex-none self-center text-center md:hidden" onclick="menuShow.classList.toggle('mobile:hidden')">
                <span class="fa fa-bars fa-2x self-center"></span>
              </div>
          </div>
        </div>
    </div>
    <div class="clear w-full h-screen justify-center flex p-0 m-0 relative bg-center bg-no-repeat bg-cover wen-screen">
          <div class="container w-full flex">
            <div class="w-full h-full flex">
                <img class="absolute w-full h-full left-0" src="/src/assets/image_1.png" alt="" srcset="">
                <div class="w-full h-full Mask justify-self-center grid">
                  <div class="w-1/2 mobile:w-full h-fit text-white z-10 self-center wow animate__animated animate__fadeInUp timing mobile:p-6">
                    <h3 class="text-5xl py-1 mobile:mb-0 mobile:text-2xl"><a class="text-white" :href="data.url">精密·可靠·耐用·（企业Solgan）</a></h3>
                    <p class="text-2xl py-3 mt-[23px] mobile:text-sm"><a class="text-white/80" :href="data.url">致力于为各种行业提供创新的工业解决方案，是工业控制、自动化、制程管理以及流体控制领域的领先企业</a></p>
                  </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear w-full h-screen justify-center flex p-0 m-0 relative bg-center bg-no-repeat bg-cover wen-screen bg-right-botton wen-news-bgi overflow-y-auto wenscroll">
        <div class="container w-full flex">
            <div class="w-full h-auto self-center bg-no-repeat pt-[140px] mobile:p-6 mobile:pt-[80px]">
                <div class="flex mb-[80px] items-center mobile:mb-12">
                    <span class="wen-index-title flex-auto">新闻中心</span>
                    <div class="text-2xl font-medium leading-10 float-right mobile:hidden"><span class="">查看全部</span>
                      <div class="inline-block w-4 ml-1">
                          <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_black_60.svg" alt="">
                      </div>
                    </div>
                </div>
                <div class="flex hidden">
                  <img class="w-full" src="/src/assets/Rectangle_19.png" alt="" srcset="">
                </div>
                <div class="flex bg-undergray px-16 py-10 mobile:p-3 wen-news-card-bgi relative wow animate__animated animate__fadeInUp timing">
                    <div class="w-1/2 flex-auto" >
                        <p class="w-full text-undercolor2">
                            <span class="text-7xl py-2 mobile:hidden">09</span><p class="text-2xl mobile:text-xl">2024.04<span class="hidden mobile:inline-block">.09</span></p>
                        </p>
                        <h3 class="text-3xl text-dominant my-8 font-bold mobile:text-2xl mobile:my-3"><a :href="data[0].url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                        <p class="text-xl leading-relaxed text-gray3 w-1/2 mobile:2-full line-clamp-2 mobile:text-sm"><a href="/">海洋石油平台控制阀必须满足一些特殊的要求以适应恶劣的工作环境。首先，它们需要能够在高盐度、高压和高温的环境下稳定工作啊</a></p>
                        <div class="my-16 leading-10 font-bold mobile:my-6"><span class="text-2xl text-gray3 mobile:text-lg">查看详情</span> 
                            <div class="inline-block w-10 ml-1">
                                <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_black.svg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="w-full self-center mx-auto mt-[80px] mobile:my-6 wow animate__animated animate__fadeInUp timing">
                    <ul class="w-full grid ilmobile:grid-rows-1 ilmobile:grid-flow-col mobile:grid-cols-1 mobile:grid-flow-row gap-4 justify-items-center ">
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                        <li class="w-full active px-6 mobile:px-4 border-l-2 border-[#fff5] newsCell">
                            <p class="text-white/40 text-xl font-bold mobile:text-sm mobile:text-white/60">2024-03-10</p>
                            <h3 class="line-clamp-3 h-24 text-2xl mt-6 mobile:text-white mobile:mt-0 mobile:text-base mobile:h-auto mobile:line-clamp-2" ><a class="text-white/80" :href="item.url">萨尔江苏厂房建设圆满落下帷幕</a></h3>
                            <div class="mt-4 leading-10 text-white/60 mobile:hidden"><span class="text-base ">查看详情</span>
                                <div class="inline-block w-4 ml-1">
                                    <img class="wen-ico-item translate-y-0.5" src="/src/assets/fa_angle_right_2.svg" alt="">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="w-full justify-center flex bg-dominant text-white">
        <div class="container w-full py-12 mobile:py-6 mobile:px-12 mobile:items-center">
            <div class="w-full flex py-[16] self-center">
                <div class="w-[144] flex-auto flex self-center">
                    <img class="mobile:mx-auto" src="/src/assets/logo.png" />
                </div>
            </div>
            <div class="w-full flex py-[16] self-center mobile:block mobile:max-w-[220px] mobile:mx-auto">
                <div class="w-full flex-auto">
                    <ul class="w-auto block md:flex py-8 self-start ilmobile:-translate-x-3 text-white/80 mobile:inline-block mobile:mx-auto leading-loose">
                        <li class="px-6 mobile:w-1/3 mobile:float-left mobile:text-center mobile:px-1"><a :href="">首页</a></li>
                        <li class="px-6 mobile:w-1/3 mobile:float-left mobile:text-center mobile:px-1"><a :href="">首页</a></li>
                        <li class="px-6 mobile:w-1/3 mobile:float-left mobile:text-center mobile:px-1"><a :href="">首页</a></li>
                        <li class="px-6 mobile:w-1/3 mobile:float-left mobile:text-center mobile:px-1"><a :href="">首页</a></li>
                        <li class="px-6 mobile:w-1/3 mobile:float-left mobile:text-center mobile:px-1"><a :href="">首页</a></li>
                        <li class="px-6 mobile:w-1/3 mobile:float-left mobile:text-center mobile:px-1"><a :href="">首页</a></li>
                    </ul>
                </div>
                <div class="w-full flex py-[16] justify-end mobile:justify-center">
                    <ul class="w-auto flex flex-auto justify-end text-white/80 mobile:justify-center mobile:text-sm mobile:leading-loose">
                        <li class="w-32 mobile:w-1/3 self-center text-center"><span class="w-[48px] h-[48px] flex items-cneter p-[10px] mx-auto fa fa-wechat !text-2xl !leading-none border-2 rounded-full border-[#fff3]"></span><p class="mt-[12px] text-white/60">微信公众号</p></li>
                        <li class="w-32 mobile:w-1/3 self-center text-center"><span class="w-[48px] h-[48px] flex items-cneter p-[10px] mx-auto fa fa-twitter !text-2xl 
                          !leading-none border-2 rounded-full border-[#fff3]"></span><p class="mt-[12px] text-white/60">Twitter</p></li>
                        <li class="w-32 mobile:w-1/3 self-center text-center"><span class="w-[48px] h-[48px] flex items-cneter p-[10px] mx-auto fa fa-facebook !text-2xl !leading-none border-2 rounded-full border-[#fff3]"></span><p class="mt-[12px] text-white/60">Facebook</p></li>
                    </ul>
                </div>
            </div>
            <div class="w-full flex mobile:mt-12 mobile:justify-center">
              <p class="text-sm px-3 text-white/60 mobile:text-center">
                <span>闽ICP备19016649号-1</span>&nbsp;&nbsp;&nbsp;<span>闽公网安备 32050502000635号</span>
              </p>
            </div>
        </div>
    </div>
    <script type="module" src="/src/main.js"></script>
    <script src="/src/assets/wow.min.js"></script>
    <script>
      let wow = new WOW({
          boxClass:     'wow',      // default
          animateClass: 'animate__animated', // default
          offset:       0,          // default
          mobile:       true,       // default
          live:         true        // default
      })
      wow.init();
    </script>
    <script>
        let props = {
            lit:[0]
        };
        let ref = {prototype:{switchScreen_current:0,switchScreen_vector:0}};
        props.IsSwitchScreen = true;
        let meunStyle = document.querySelector('#meunStyle');
        function handleScroll(e){
            e.preventDefault();
            console.log('开始禁用默认滚轮事件');
            changeModelValue();
        }

        function changeModelValue(){
            // 这里处理滚动事件，例如获取滚动位置等
            const scrollTop = window.scrollY || document.documentElement.scrollTop;
            const cut = Math.floor(scrollTop/window.innerHeight);
            // console.log('滚动位置:', scrollTop);
            // 根据滚动位置执行其他操作...
            if(props.lit.includes(cut)){
                meunStyle.classList.remove('text-dominant');
                meunStyle.classList.add('text-white');
            }else{
                meunStyle.classList.remove('text-white');
                meunStyle.classList.add('text-dominant');
            }

            console.log('执行changeModelValue')

        }
        function useSwitchScreen(){
            let vector = ref.prototype.switchScreen_vector || 0;
            let cut = ref.prototype.switchScreen_current || Math.floor((window.scrollY || document.documentElement.scrollTop)/window.screen.height);
            let pageHeight = ref.prototype.switchScreen_pageHeight || document.body.clientHeight;
            let totleScreen = ref.prototype.switchScreen_totleScreen || Math.ceil(pageHeight/window.screen.height);

            cut = cut + vector;
            console.log(' cut:',cut,' pageHeight:',pageHeight,' totleScreen:',totleScreen, ' vector:',vector);
            if(cut<0) cut = 0;
            if(cut>totleScreen) cut = totleScreen;
            if(props.lit.includes(cut)){
                meunStyle.classList.remove('text-dominant');
                meunStyle.classList.add('text-white');
            }else{
                meunStyle.classList.remove('text-white');
                meunStyle.classList.add('text-dominant');
            }
            window.scrollTo({
                left: 0,
                top: cut*window.innerHeight,
                behavior: 'smooth'
            });
            ref.prototype.switchScreen_current = cut;
        }
        let touchStartY, touchEndY;
        function handleSwitchScreen(e){
            e = e ||  window.event;
            let vector = 0;
            if(isWheelEvent(e)){
                if (e.wheelDelta){
                if (e.wheelDelta < 0)vector = 1;
                if (e.wheelDelta > 0)vector = -1;
                }else if(e.detail){
                if(e.detail < 0) vector = 1;
                if(e.detail > 0) vector = -1;
                }

            }else if(isTouchEvent(e)){
                // console.log('e.touches:',e.touches[0]);
                touchEndY = e.touches[0].pageY;
                if((touchStartY-e.touches[0].pageY) > 30) vector = 1;
                if((touchStartY-e.touches[0].pageY) < -30) vector = -1;
                if(ref.prototype.switchScreen_current==1) return;
            }
            ref.prototype.switchScreen_vector = vector;
            e.preventDefault();

            debounce(useSwitchScreen,256);
        }

        function handleTouchPoint(e){
            // touchStartX = e.touches[0].pageX;
            touchStartY = e.touches[0].pageY;
            console.log('touchStartY:',touchStartY);
        }

        function isTouchEvent(event) {
            return 'touches' in event || 'changedTouches' in event;
        }
        
        function isWheelEvent(event) {
            return 'deltaY' in event;
        }


        // 防抖函数
        function debounce(func, delay) {
            let funcName = 'debounce_' + func.name;
            if (ref.prototype[funcName]) clearTimeout(ref.prototype[funcName]);
            ref.prototype[funcName] = setTimeout(func, delay);
        }

        // console.log('组件已经挂载')
        // window.addEventListener('scroll', handleScroll);
        if(props.IsSwitchScreen){
            window.addEventListener('wheel', handleSwitchScreen, {passive:false});
            window.addEventListener('touchmove', handleSwitchScreen, {passive:false});
            window.addEventListener('touchstart', handleTouchPoint, {passive:false});
        }
    </script>
</body>
</html>